<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">

    <title>山东非遗3维</title>
    <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <link  href="./css/font-awesome.min.css" rel="stylesheet">
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/pretty.css" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/echarts.min.js"></script>
    <script src="./js/slider.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/tooltip.js"></script>
    <script src="./js/spectrum.js"></script>
    <script src="./js/bootstrap-select.min.js"></script>
    <script src="./js/config.js"></script>
    <script type="text/javascript" src="./js/ol.js"></script>
    <script type="text/javascript" src="./js/require.min.js" data-main="js/main"></script>
    <link rel="stylesheet" type="text/css" href="../../css/map.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />


    <style>
        .cesium-infoBox {
            top:100px;
            right: 200px;
        }
        #nav-bar{
            top: 100px;
        }

        .square {
            margin-left: 5px;
            width: 120px;
            height: 30px;
            max-width: 150px;
            display: inline-block;
        }
        .drawCur{
            cursor: url(./cur/draw.cur), auto;
        }
        .positionAdjust{
            width: 150px;
            margin: 0;
            margin-left: 55px;
            display: inline-block;
            top: -45px;
            position: relative;
        }
        .cesium-viewer-toolbar {
            top: 10px;
            right: 8px;
            display: none;
        }


    </style>
</head>
<body>
    <div id="cesiumContainer"></div>

    <!--导航条-->
    <div id='loadingbar' class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>

    <!--右侧地图工具栏-->
    <div class="con-right">
        <div id="rightBtn">
            <i class="my-icon icon-zhankai"></i>
        </div>
        <div class="con-right-list" data-type="">
            <div class="rt-bt1"><a href="javascript:;" data-type="1"></a></div>
            <div class="rt-bt2"><a href="javascript:;" data-type="2"></a></div>
            <div class="rt-bt3"><a href="javascript:;" data-type="3"></a></div>
            <div class="rt-bt4"><a href="javascript:;" data-type="4"></a></div>
            <div class="rt-bt5"><a href="javascript:;" data-type="5"></a></div>
            <div class="rt-bt6"><a href="javascript:;" data-type="6"></a></div>
            <div class="rt-bt7"><a href="javascript:;" data-type="7"></a></div>
        </div>
    </div>



    <!--透明度-->
    <div id="toolbar" class="tool-bar alert-toumingdu" style="display:none">
        <label style="color:#FFFFFF">图层透明:</label>
        <input type="range" style="width: 65%" min="0" max="1" step="0.02" title="调整地上图层透明度" data-bind="value: overGroundAlpha, valueUpdate: 'input'">
    </div>


    <!--右下方底图切换-->
    <div class="con-right-map">
        <div class="right-m">
            <div class="right-map">
                <span>矢量</span>
            </div>
        </div>
        <div class="right-m">
            <div class="right-map">
                <span>遥感</span>
            </div>
        </div>
        <div class="right-m">
            <div class="right-map">
                <span>DEM</span>
            </div>
        </div>
        <div class="right-m">
            <div class="right-map right-map-hover">
                <span>倾斜</span>
            </div>
        </div>
    </div>

    <div class="con-right-mapbtn">
        <!--<button class="mapbtn mapbtn-1"></button>-->
        <!--<br>-->
        <button type="button" class="mapbtn mapbtn-2">3D</button>
        <br>
        <button type="button" class="mapbtn mapbtn-3">
            <i class="my-icon icon-jietu"></i>
        </button>
        <!--<br>-->
        <!--<button class="mapbtn mapbtn-4">-</button>-->
    </div>

    <!--飞行div-->
    <div id='toolbarFly' class="param-container tool-bar alert-two">
        <div class="alert-title">飞行路线</div>
        <div class="alert-content">
            <div class="layui-form-item" style="padding:0 12px;">
                <label class="layui-form-label">飞行站点</label>
                <div class="layui-input-block">
                    <select id="stopList" class="form-control" style="width: 100%;">
                        <!--<option disabled selected value>&#45;&#45;选择站点&#45;&#45;</option>-->
                    </select>
                </div>
            </div>
            <div class="layui-form-item" style="padding:0 12px;">
                <label class="layui-form-label">显示路线</label>
                <div class="layui-input-block">
                    <span id="show-line" class="alert-checkbox alert-checked"></span>
                </div>
            </div>
            <div class="layui-form-item" style="padding:0 12px;">
                <label class="layui-form-label">显示站点</label>
                <div class="layui-input-block">
                    <span id="show-stop" class="alert-checkbox alert-checked"></span>
                </div>
            </div>
            <div class="param-item" style="text-align:center;">
                <button type="button" id="play" class="alert-btn2"><img src="./css/img/icon-1.png" alt="开始">开始</button>
                <button type="button" id="pause" class="alert-btn2" style="display:none;"><img src="./css/img/icon-2.png" alt="暂停">暂停</button>
                <button type="button" id="stop" class="alert-btn2"><img src="./css/img/icon-3.png" alt="停止">停止</button>
            </div>
        </div>
    </div>

    <script src="js/initMap.js"></script>
    <script src="js/shandong3d.js"></script>

    <!--<script src="js/xhaSmartCity.js"></script>-->
    <script src="js/3dinterface.js"></script>
    <script src="js/interface2.js"></script>

</body>
</html>